<template>
  <div>
    <div class="box">
      <div class="title">查看作业批改({{ total }})</div>
    </div>
    <div class="bf_homework">
      <!-- <div class="bt">历史作业({{ total }})</div> -->
      <div class="h60">
        <el-date-picker
          v-model="value1"
          type="date"
          placeholder="选择日期"
          :picker-options="pickerOptions"
        >
        </el-date-picker>
        <span class="searchbtn" @click="searchHomeworkListByDate">搜索</span>
      </div>
      <!-- 题型 -->
      <div class="cate">
        <div class="content">
          <div class="cate_title" v-if="raAry.length">口语-朗读句子</div>
          <ul>
            <li v-for="(item, index) in raAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="rsAry.length">口语-重复句子</div>
          <ul>
            <li v-for="(item, index) in rsAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="diAry.length">口语-描述图片</div>
          <ul>
            <li v-for="(item, index) in diAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="rlAry.length">口语-复述讲座</div>
          <ul>
            <li v-for="(item, index) in rlAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="asqAry.length">口语-短问答</div>
          <ul>
            <li v-for="(item, index) in asqAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="fibrAry.length">阅读-阅读填空</div>
          <ul>
            <li v-for="(item, index) in fibrAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="rpAry.length">阅读-段落排序</div>
          <ul>
            <li v-for="(item, index) in rpAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="fibrwAry.length">阅读-段落填空</div>
          <ul>
            <li v-for="(item, index) in fibrwAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>
          <div class="cate_title" v-if="mcsAry.length">阅读-单项选择</div>
          <ul>
            <li v-for="(item, index) in mcsAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="mcmAry.length">阅读-多项选择</div>
          <ul>
            <li v-for="(item, index) in mcmAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="swtAry.length">写作-总结短文</div>
          <ul>
            <li v-for="(item, index) in swtAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>
          <div class="cate_title" v-if="weAry.length">写作-文章写作</div>
          <ul>
            <li v-for="(item, index) in weAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="sstAry.length">听力-录音总结</div>
          <ul>
            <li v-for="(item, index) in sstAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>
          <div class="cate_title" v-if="wfdAry.length">听力-听写句子</div>
          <ul>
            <li v-for="(item, index) in wfdAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="fibAry.length">听力-听力填空</div>
          <ul>
            <li v-for="(item, index) in fibAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="lmcmAry.length">听力-多项选择</div>
          <ul>
            <li v-for="(item, index) in lmcmAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="lmcsAry.length">听力-单项选择</div>
          <ul>
            <li v-for="(item, index) in lmcsAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="smwAry.length">听力-选择缺少单词</div>
          <ul>
            <li v-for="(item, index) in smwAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="hcsAry.length">听力-多项选择摘要</div>
          <ul>
            <li v-for="(item, index) in hcsAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <div class="cate_title" v-if="hiwAry.length">听力-识别错词</div>
          <ul>
            <li v-for="(item, index) in hiwAry" :key="index">
              <span class="tt"
                >{{ index + 1 > 9 ? index + 1 : "0" + (index + 1) }}.{{
                  item.title
                }}</span
              >
              <span class="tags">
                <el-tag v-if="item.isJt == '1'" class="jj">机经</el-tag>
                <el-tag class="isYc" v-if="item.isYc == '1'">本周预测</el-tag>
                <el-tag class="titleNum">{{ item.titleNumber }}</el-tag>
              </span>
              <span class="time">{{
                date == "" ? item.createdate.slice(0, 10) : date
              }}</span>
              <span class="operate" @click="toReview(item)">去复习</span>
              <span v-if="item.isPz == '1'" class="ispz">已批改</span>
            </li>
          </ul>

          <el-pagination
            large
            background
            :page-size="rows"
            layout="prev, pager, next"
            :total="total"
            :current-page="page"
            @current-change="handleCurrentChange"
          >
          </el-pagination>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { sendPost } from '@/utils/http'
import api from "@/config/api";
export default {
  data () {
    return {
      value1: '',
      page: 1,
      rows: 10,
      total: 0,
      pages: 0, //总页数
      homeworkList: [],
      pickerOptions: {
        disabledDate (time) {
          return time.getTime() > Date.now();
        },
      },
      raAry: [],
      rsAry: [],
      diAry: [],
      rlAry: [],
      asqAry: [],
      fibrAry: [],
      rpAry: [],
      fibrwAry: [],
      mcsAry: [],
      mcmAry: [],
      swtAry: [],
      weAry: [],
      sstAry: [],
      wfdAry: [],
      fibAry: [],
      lmcmAry: [],
      lmcsAry: [],
      smwAry: [],
      hcsAry: [],
      hiwAry: [],
      date: '',
      date1: ''
    }
  },
  created () {


    if (sessionStorage.getItem('page')) {
      this.page = +sessionStorage.getItem('page')
    }
    this.getHistoricalWork()
  },

  methods: {
    // 去复习
    toReview (item) {
      console.log(item);
      sessionStorage.setItem('item', JSON.stringify(item))
      this.$router.push('reviewhomework')
    },
    // 根据日期搜索作业
    searchHomeworkListByDate () {
      if (this.value1) {
        console.log(this.value1);
        var y = this.value1.getFullYear()
        var m = this.value1.getMonth() + 1 > 9 ? this.value1.getMonth() + 1 : '0' + (this.value1.getMonth() + 1)
        var d = this.value1.getDate() > 9 ? this.value1.getDate() : '0' + this.value1.getDate()
        var d1 = this.value1.getDate() > 9 ? (this.value1.getDate() - 1) : '0' + (this.value1.getDate() - 1)
        let date = y + '-' + m + '-' + '' + d
        let date1 = y + '-' + m + '-' + '' + d1
        // console.log(date);
        this.date = date
        this.date1 = date1
        this.getHistoricalWork()
      }
    },
    getHistoricalWork () {
      sendPost(api.getHistoricalWork, {
        "page": sessionStorage.getItem('page') ? sessionStorage.getItem('page') : this.page,
        "rows": this.rows,
        "date": this.date1
      }).then(res => {
        // console.log(res.data.list);
        this.total = res.data.total
        this.pages = res.data.pages
        this.homeworkList = res.data.list
        console.log(this.homeworkList);
        this.raAry = this.homeworkList.filter(item => {
          return item.typeCode == 'RA'
        })
        this.rsAry = this.homeworkList.filter(item => {
          return item.typeCode == 'RS'
        })
        this.diAry = this.homeworkList.filter(item => {
          return item.typeCode == 'DI'
        })
        this.rlAry = this.homeworkList.filter(item => {
          return item.typeCode == 'RL'
        })
        this.asqAry = this.homeworkList.filter(item => {
          return item.typeCode == 'ASQ'
        })
        this.fibrAry = this.homeworkList.filter(item => {
          return item.typeCode == 'FIBR'
        })
        this.rpAry = this.homeworkList.filter(item => {
          return item.typeCode == 'RP'
        })
        this.fibrwAry = this.homeworkList.filter(item => {
          return item.typeCode == 'FIBRW'
        })
        this.mcsAry = this.homeworkList.filter(item => {
          return item.typeCode == 'MCS'
        })
        this.mcmAry = this.homeworkList.filter(item => {
          return item.typeCode == 'MCM'
        })
        this.swtAry = this.homeworkList.filter(item => {
          return item.typeCode == 'SWT'
        })
        this.weAry = this.homeworkList.filter(item => {
          return item.typeCode == 'WE'
        })
        this.sstAry = this.homeworkList.filter(item => {
          return item.typeCode == 'SST'
        })
        this.wfdAry = this.homeworkList.filter(item => {
          return item.typeCode == 'WFD'
        })
        this.fibAry = this.homeworkList.filter(item => {
          return item.typeCode == 'FIB'
        })
        this.lmcmAry = this.homeworkList.filter(item => {
          return item.typeCode == 'MCM' && item.subjectType == '2'
        })
        this.lmcsAry = this.homeworkList.filter(item => {
          return item.typeCode == 'MCS' && item.subjectType == '2'
        })
        this.smwAry = this.homeworkList.filter(item => {
          return item.typeCode == 'SMW'
        })
        this.hcsAry = this.homeworkList.filter(item => {
          return item.typeCode == 'HCS'
        })
        this.hiwAry = this.homeworkList.filter(item => {
          return item.typeCode == 'HIW'
        })


      })
    },
    // 当前页码发生改变时触发
    handleCurrentChange (value) {
      // console.log(value)
      this.page = value
      sessionStorage.setItem('page', value)
      this.getHistoricalWork()
    },
  },
}
</script>

<style lang="less" scoped>
.jj {
  background-color: #ff9b4f;
}
.titleNum {
  background-color: #94d0f7;
}
.isYc {
  background-color: #13bfbf;
}
.box {
  padding: 0 1.25rem;
  height: 5.5rem;
}
.title {
  height: 3.875rem;
  line-height: 3.875rem;
  border-bottom: 1px solid #ededed;
  font-size: 1.25rem;
  color: #333;
  font-weight: bold;
}
.gap {
  height: 1rem;
  background-color: #f7f7f7;
}

.bf_homework {
  padding: 0 1.25rem;
  .bt {
    height: 3.875rem;
    line-height: 3.875rem;
    border-bottom: 1px solid #ededed;
    font-size: 1.25rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 1.25rem;
  }
  .h60 {
    height: 3.75rem;
    line-height: 3.75rem;
    background-color: #fcfcfc;
    padding-left: 33.75rem;
    .searchbtn {
      display: inline-block;
      background-color: #ff5e4e;
      color: #fff;
      font-size: 1rem;
      width: 3.75rem;
      height: 2rem;
      line-height: 2rem;
      text-align: center;
      border-radius: 5px;
      margin-left: 1.25rem;
      cursor: pointer;
    }
  }
  .cate_title {
    height: 3.125rem;
    line-height: 3.125rem;
    font-size: 1.125rem;
    color: #333;
  }
  .cate {
    ul {
      li {
        height: 3.75rem;
        line-height: 3.75rem;
        display: flex;
        align-items: center;
        position: relative;
        .tags {
          width: 18rem;
          margin-left: 1rem;
        }
        .el-tag {
          height: 1.575rem;
          line-height: 1.575rem;
          margin-right: 0.9375rem;
          color: #fff;
          padding: 0 0.375rem;
          border: none;
        }
        .tt {
          width: 16rem;
           height: 3.75rem;
            line-height: 3.75rem;
            font-size: 18px;

          overflow: hidden;
          text-overflow: ellipsis;
        }
        .time {
          color: #999;
          margin-left: 3.25rem;
        }
        .operate {
          width: 3.75rem;
          height: 1.875rem;
          line-height: 1.875rem;
          background: #ffffff;
          border: 1px solid #ff5e4e;
          border-radius: 3px;
          text-align: center;
          color: #ff5e4e;
          font-size: 0.875rem;
          margin: auto 0;
          margin-left: 3.125rem;
          cursor: pointer;
        }
        .ispz {
          position: absolute;
          right: 0;
          width: 3.75rem;
          height: 1.875rem;
          line-height: 1.875rem;
          text-align: center;
          // color: #fff;
           border: 1px solid #13bfbf;
           color: #13bfbf;
          // background-color: #13bfbf;
          border-radius: 3px;
        }
      }
    }
  }
}

/deep/.el-pagination button,
.el-pagination span:not([class*="suffix"]) {
  display: inline-block;
  font-size: 0.8125rem;
  min-width: 2.21875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: top;
  box-sizing: border-box;
}
/deep/.el-pager li {
  padding: 0 0.25rem;
  font-size: 0.9375rem;
  min-width: 2.21875rem;
  height: 2.5rem !important;
  width: 2.5rem;
  line-height: 2.5rem;
  box-sizing: border-box;
  text-align: center;
}
::v-deep {
  .el-pagination.is-background .el-pager li:not(.disabled) {
    background-color: #fff; // 进行修改未选中背景和字体
    // color: #fff;
    border: 0.0625rem solid #efefef;
    color: #999;
    font-weight: normal;
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #ff5e4e; // 进行修改选中项背景和字体
    color: #fff;
  }
}
.el-pagination {
  font-size: 1.25rem;
  text-align: center;
  padding-top: 5rem;
}
</style>
